<template>
  <div id="nav">
    <Header></Header>
    <router-view class="bodyContainer"/>
  </div>
<!--  <router-view/>-->
</template>

<script>
  import Header from "@/components/Header";
  import Cookies from "js-cookie";
  export default {
    name: "App",
    data(){
      return{
      }
    },
    components: {
      Header
    },
  }
</script>
<style>
#nav{

}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;

}
 body{
   margin: 0;
   padding: 0;
   width: 100%;
   border: 0;
   background-color: #d9ecff;
 }
.bodyContainer{
  height: 90%;
}




</style>
